
var _bind_province = '河南省';
var _bind_city     = '郑州市';
var _bind_county   = '金水区';

function bindCounty(bindVal, bindKey, cb){
  $.ajax({
      url: './'+ bindKey +'.json?v3',
      type: 'GET',
      dataType: 'json',
  }).done(function (data){

    if(!data.list) return;

    for(var i in data.list){
      var v = '<option value="'+ data.list[i].val +'"';

      if(bindVal === data.list[i].key){
        v += ' selected';
      }

      v += '>'+ data.list[i].key +'</option>';

      $('#county').append($(v));

      cb()
    }
  });
}

function bindCity(bindVal, bindKey, cb){
  $.ajax({
      url: './'+ bindKey +'.json?v3',
      type: 'GET',
      dataType: 'json',
  }).done(function (data){

    if(!data.list) return;

    for(var i in data.list){
      var v = '<option value="'+ data.list[i].val +'"';

      if(bindVal === data.list[i].key){
        v += ' selected';
      }

      v += '>'+ data.list[i].key +'</option>';

      $('#city').append($(v));
    }

    cb();
  });
}

function bindProvince(bindVal, cb){
  $.ajax({
      url: './中国.json?v3',
      type: 'GET',
      dataType: 'json',
  }).done(function (data){

    if(!data.list) return;

    for(var i in data.list){
      var v = '<option value="'+ data.list[i].val +'"';

      if(bindVal === data.list[i].key){
        v += ' selected';
      }

      v += '>'+ data.list[i].key +'</option>';

      $('#province').append($(v));
    }

    cb();
  });
}

$(function(){
  bindProvince(_bind_province, function (err){
    if(err) return alert(err);

    bindCity(_bind_city, _bind_province, function (err){
      if(err) return alert(err);

      bindCounty(_bind_county, _bind_city, function (err){
        if(err) return alert(err);
      });

    });
  });
});

$(function(){
  $('#province').change(function(){
    var s = $(this).children('option:selected');
    // alert(s.val() +' '+ s.text())

    $('#city').html('');
    $('#city').append($('<option value="">市</option>'));

    $('#county').html('');
    $('#county').append($('<option value="">区、县</option>'));

    if(!s.val()) return;

    bindCity(null, s.val(), function (err){
      if(err) return alert(err);
    })
  });
})

$(function(){
  $('#city').change(function(){
    var s = $(this).children('option:selected');

    $('#county').html('');
    $('#county').append($('<option value="">区、县</option>'));

    if(!s.val()) return

    bindCounty(null, s.val(), function (err){
      if(err) return alert(err);
    })
  });
})
